<ion-view id="detailaccountChoose" view-title="明细账户选择" cache-view="false" align-title="center" hide-tabs>

  <!-- 明细账户选择-页眉 -->

  <ion-content  class=" has-header " scroll="ture"  >

    <div class = "main">
      <div class="item">

          <label on-tap="modal.show()">
                  <div  class = "row" >
                      <div class ="col-33 col-center"> <p>账户选择：</p></div>
                      <div>
                          <div>
                              <p>{{acctName }}</p>
                          </div>
                          <div>
                              <p>{{acctNo }}</p>
                          </div>
                      </div>
                  </div>
          </label>
      </div>
      <div class="item" ng-click="start()">
        <div  class = "row" >
          <div class ="col-33 col-center"> <p>开始时间：</p></div>
          <div class ="time col-66 col-center start">{{starttime}}</div>
        </div>
      </div>
      <div class="item" ng-click="end()">
        <div class = "row" >
          <div class ="col-33 col-center"> <p>结束时间：</p></div>
          <div class ="time col-66 col-center end">{{endtimer}}</div>
        </div>
      </div>
      <div class="item row">

          <button class = "col col-center month-one" ng-click="month(1)">近一个月</button>
          <div class ="space"></div>
          <button class = "col col-center month-three" ng-click="month(3)">近三个月</button>


      </div>
      <div class="item row">
          <!--Click me to toggle: <input type="checkbox" ng-model="checked"><br/>-->
          <!--<button ng-model="button" ng-disabled="true">Button</button>-->
        <button ng-disabled ="show" style ="background-color: {{ color }}" class = "button-block col col-center query "  ng-click ="detailaccount();$event.stopPropagation();" >查询</button>
      </div>
    </div>
      <!-- 选择账户模版-->
      <script id="templates/chooseaccount.html" type="text/ng-template">
          <ion-modal-view>
              <ion-header-bar class="bar bar-header bar-positive">
                  <h1 class="title">业务选择</h1>
                  <button class="button button-clear button-primary" ng-click="modal.hide()">取消</button>
              </ion-header-bar>
              <ion-content class="padding has-header scroll-content" >
                  <div class="list list-inset" >
                      <ion-list style ="margin-bottom: 50px;background-color: red">
                          <div  class ="item text-center"><h2>账户列表</h2></div>
                          <ion-radio  ng-repeat="item in clientSideList"  class ="row"
                                      ng-model="data.clientSide"
                                      ng-value ="item.acctName"  ng-click="createContact()">
                              <div class = "col-50" style ="margin: 0; float: left;width:44%;padding-right: 5px;" >
                                  <p style="font-size: 12px">{{item.acctName }}</p>
                              </div>
                              <div class = "col-50" style ="padding-left: 5px; float: left;  border-left: 1px solid red;">
                                  <div ><p style="font-size: 12px">{{ item.bankBranchName }}</p></div>
                                  <div ><p style="font-size: 12px">{{ item.bankBranchNo }}</p></div>
                              </div>

                          </ion-radio>
                      </ion-list>
                  </div>
              </ion-content>
          </ion-modal-view>
      </script>

  </ion-content>
</ion-view>
